<form>
	<input type="hidden" id="x1" name="x1" data-bind="value: x1" />
	<input type="hidden" id="y1" name="y1" data-bind="value: y1" />
	<input type="hidden" id="w" name="w" data-bind="value: width" />
	<input type="hidden" id="h" name="h" data-bind="value: height" />
		<input id="avatarInputRegister" type="file" name="imageToCrop" data-bind="imageHandler: { 
			imageElement: 'preview', 
			done: onImageChange, 
			fail: onImageFail, 
			onCropChange: onCropImageSuccess }, value: inputFile" 
		style="position: absolute; visibility: hidden;" multiple />
		<label for="avatarInputRegister" id="file-label"></label>
		
		<!-- Popin to crop image -->
		<div class="modal" id="cropImgPopin">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
			          <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="icon-remove-sign"></i></button>
			          <h4 class="modal-title"><spring:message code="EDIT_IMAGE"/></h4>
			        </div>
			        <div class="modal-body register">
						<div class="form-group">
							<img id="preview" class="img-responsive" />
						</div>

					</div>
					<div class="modal-footer">
			        	<div class="btn-group  amount-2">
			            	<input type="button" value='<spring:message code="UPLOAD_IMAGE"/>' class="btn btn-default btn-file"  
								data-bind="click: function(data, event)
								{ 
								   uploadImage(event.target.form); 
								}" />
							<button type="button" class="btn btn-default" onclick="$('#cropImgPopin').modal('hide');">
                Cancelar</button>
						</div>
					</div>	
				</div>
			</div>
		</div>
</form>